@import "@/assets/variable.less";

:root[theme="light"]{
  --p-color: @p-color-light;
  --p-text-color: @p-text-color-light;
  --s-text-color:@s-text-color-light;
  --border-color: @box-border-color-light;
  --theme-button-image: url('icons/aside-bar/theme-button-moon.png');
  --bg-color-nav:@bg-color-nav-light;
  --backdrop-bgColor:@backdrop-bgColor-light;
  --shadow-floating:@shadow-floating-light;
  --p-blue:@p-blue-light;
  --hover-bg-color:@hover-bg-color-light;
  --p-button-bgColor-reset:@p-button-bgColor-reset-light;
  --p-button-bgColor-hover:@p-button-bgColor-hover-light;
  --scrollbar-bg-color:@scrollbar-bg-color-light;
  --scrollbar-thumb-bg-color:@scrollbar-thumb-bg-color-light;
  --scrollbar-thumb-bg-color-hover:@scrollbar-thumb-bg-color-hover-light;
}
:root[theme="dark"]{
  --p-color: @p-color-dark;
  --p-text-color: @p-text-color-dark;
  --s-text-color:@s-text-color-dark;
  --border-color: @box-border-color-dark;
  --theme-button-image:url('icons/aside-bar/theme-button-son.png');
  --bg-color-nav:@bg-color-nav-dark;
  --backdrop-bgColor:@backdrop-bgColor-dark;
  --shadow-floating:@shadow-floating-dark;
  --p-blue:@p-blue-dark;
  --hover-bg-color:@hover-bg-color-dark;
  --p-button-bgColor-reset:@p-button-bgColor-reset-dark;
  --p-button-bgColor-hover:@p-button-bgColor-hover-dark;
  --scrollbar-bg-color:@scrollbar-bg-color-dark;
  --scrollbar-thumb-bg-color:@scrollbar-thumb-bg-color-dark;
  --scrollbar-thumb-bg-color-hover:@scrollbar-thumb-bg-color-hover-dark;
}
